Наверняка в дизайнах вы встречали интересные элементы, которые хотели бы повторить, но не знали как. В данном уроке разберем некоторые из них.
Прямоугольник разделитель. Популярная штука. Я часто ставлю ее по центру, захватывая аватар и меню. В зависимости от размеров вашего экрана, шаблон придется немного растянуть. Чтобы не гадать с нужным размером (если у вас экран больше/меньше моего 1920х1080), делаем следующее: делаем скринщот вашего дневника/сообщества, переносим скриншот в фотошоп. Далее на новом слое рисуем прямоугольник, ориентируясь на скришот. Убираем скриншот и получаем шаблон прямоугольника под ваши размеры. Шаблон.
Разделитель в навигации. Такой пример можете увидеть в нашем сообществе. Он находится под иконками дневника, сообществ, лички и т.п. Такой овальный разделитель можно сделать с обеих сторон, но мне нравится только справа. Делается он по такому же принципу, что и предыдущий: скриншот и по нему уже подгоняем фигуру. Либо по размерам - ширина экрана на 46. Шаблон.
Миниатюрная под навигация. Также можете увидеть пример в сообществе. Размеры 1186х31. Если вам нужна под навигация размером с прямоугольный разделитель, то меняем ширину на ту, что у вас в прямоугольнике, а высоту оставляем. Шаблон.
Миниатюра рядом с Beonmind. Я использую изображения 55х44, при этом слева оставляю небольшое свободное пространство, чтобы само изображение было поближе к надписи. Либо можете создать изображение, залить цветом, убрать заливку и сохранить простое пустое изображение. Тогда у вас рядом с надписью ничего не будет, а стандартная буква B пропадет (вроде как просто удалить B не удастся, нужно именно что-то загрузить). Шаблон.
Рамки на записях и меню. Для записей размер 719х203. Но возможно обладателям экранов побольше ширину придется увеличить. Красной областью пометила стандартные размеры верхней/нижней части рамки. По центру рамка показывает размер, который охватывает начало заголовка и до трех точек. Также красным цветом отметила оптимальный вариант вертикальной рамки. Чаще всего ее делают замащенной, чтобы она смотрелась везде одинаково и красиво на протяжении всего поста, независимо от его размера.Шаблон записей. Размеры для меню - 337х44 (вверх/низ), 337х100 (центральная, замащенная часть). Шаблон меню.
Карточка товара (1000х1000), Обложка для статьи (510x287), Баннер для историй и клипов (720х1280), Для оформления постов (квадратный баннер - 1000х1000; прямоугольный баннер - 1200х800), Обложки для раздела ВК видео (обложка - 1560*270 (12 пикселей внизу зона невидимости, белая полоса); обложка для превью - 1280х720). Ссылка на псд шаблонов
mine ♥
мы <3